body{
 color: black;
 font-family: sans-serif;
 margin: 0px; 
}

p{
 padding: 30px; 
 margin: 5px;
}

h1{
 color: black;
 text-align: center;
 padding: 20px; 
}

#headwrapper{
 box-shadow: 0px 1px 10px grey;
 position: fixed;
 z-index: 2; 
 background-color: white; 
 display: flex; 
 width: 100%; 
 height: 130px; 
 text-align: right;  
 display: inline-block;
 top: 0;
 font-size: 20pt; 
 margin:0;
}

#headwrapper img{
 float: left;  
 padding: 10px;
 
 }

#headwrapper h1{
 width: 700px;
 margin: auto;
 text-align:center; 
 padding: 5px;  
 line-height: 50px; 
 }
 
nav {
 height: 50px;
 width: 100%;   
}
nav a{
 font-size: 25pt;
 margin: 10px; 
 color: #B1C1D7; 
 text-shadow: 1px 1px grey; 
 text-decoration: none;
 
}

nav a:hover{
 text-decoration: underline;  
} 

header img{
 margin-top: 130px; 
 background-image: url("fotos/brug.jpg");
 background-attachment: fixed;
 overflow:scroll;;
 width: 100%;
}

header{

 text-shadow: 2px 2px grey; 
 font-size: 20pt; 
 width: 100%; 
}

#wrapper{
 background-color: #f4f4f4;
}

img.left{
 padding-top: 10px;
 padding-right: 10px;
}

article{
 margin: auto;  
 box-shadow: 0px 1px 10px grey;
 background-color: #FAC45A; 
 width: 1000px;
 font-size: 20pt; 
}

article img{
 height: 170; 

 }

footer {

 width: 100%; 
 box-shadow: 0px 1px 10px grey;
 background-color: #B1C1D7; 
}

footer p{
 width: 500px;
 margin: auto;
 text-align: center;
 font-size: 12pt;
 text-decoration: none;
}

form{
 padding: 30px;
}

iframe{ 
 padding: 30px;
 float: right;
}